﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- css -->
<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../css/fancybox/jquery.fancybox.css" rel="stylesheet">

<link href="../css/flexslider.css" rel="stylesheet" />
<link href="../css/style.css" rel="stylesheet" />
<link href="../css/theme.css" rel="stylesheet" />
 
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<div id="wrapper">
<div class="topbar">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <p class="pull-left hidden-xs">Business Partner</p>
        <p class="pull-right"><i class="fa fa-phone"></i>Tel No. (+001) 123-456-789</p>
      </div>
    </div>
  </div>
</div>
	<!-- start header -->
	<header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                  <a class="navbar-brand" href="index.html"><img src="../img/logo.png" alt="logo"/></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">Home</a></li> 
						 <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">About Us <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="about.html">Company</a></li>
                            <li><a href="#">Our Team</a></li>
                            <li><a href="#">News</a></li> 
                            <li><a href="#">Investors</a></li>
                        </ul>
                    </li> 
						<li><a href="services.html">Services</a></li>
                        <li><a href="projects.html">Projects</a></li>
                        <li><a href="pricing.html">Pricing</a></li>
                        <li class="active"><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
	</header><!-- end header -->
	<section id="inner-headline">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<h2 class="pageTitle">Contact Us</h2>
			</div>
		</div>
	</div>
	</section>
	<section id="content">
	
        <main class="main-container">
            <div class="container">
                <div class="row">

                    <!-- Blog Sidebar -->
                    <div class="col-md-3">

                        <!-- Widget: Categories -->
                        <div class="widget">

                            <h4 class="title">Categories</h4>
                            <ul class="sidebar-menu" id="clist">

                                <!--   <li><a href="#">Photography</a></li>
          <li><a href="#">Illustration</a></li>
          <li><a href="#">Web-Design</a></li>
          <li><a href="#">Art</a></li>
          <li><a href="#">Coding</a></li> -->
                            </ul>

                        </div>
                        <!-- /Widget: Categories -->
                        <!-- Widget: Search -->
                        <div class="widget">
                            <h4 class="title">Search</h4>
                            <div class="media-body">
                               
                                    <div class="pull-left">
                                        <input type="email" required="" placeholder="Search Text...*" class="form-control">
                                    </div>
                                    <div class="pull-right">
                                        <button class="btn btn-theme" type="submit"><i class="fa fa-fw fa-search"></i></button>
                                    </div>
                               
                            </div>
                        </div>
                        <!-- /Widget: Search -->


                        <!-- Widget: Latest Posts -->
                        <div class="widget">

                            <h4 class="title">Latest Posts</h4>
                            <ul class="latest-posts">

                                <!-- Post -->
                                <li>
                                    <div class="media post">
                                        <div class="pull-left">
                                            <div class="image">
                                                <img src="../img/avatar.png">
                                            </div>
                                        </div>
                                        <div class="media-body">
                                            <p class="text">
                                                It is a long established fact that a reader will be distracted.
                                            </p>
                                            <a href="#">Read more <i class="fa fa-angle-double-right"></i></a>
                                        </div>
                                    </div>
                                </li>
                                <!-- /Post -->
                                <!-- Post -->
                                <li>
                                    <div class="media post">
                                        <div class="pull-left">
                                            <div class="image">
                                                <img src="../img/avatar.png">
                                            </div>
                                        </div>
                                        <div class="media-body">
                                            <p class="text">
                                                It is a long established fact that a reader will be distracted.
                                            </p>
                                            <a href="#">Read more <i class="fa fa-angle-double-right"></i></a>
                                        </div>
                                    </div>
                                </li>
                                <!-- /Post -->
                                <!-- Post -->
                                <li>
                                    <div class="media post">
                                        <div class="pull-left">
                                            <div class="image">
                                                <img src="../img/avatar.png">
                                            </div>
                                        </div>
                                        <div class="media-body">
                                            <p class="text">
                                                It is a long established fact that a reader will be distracted.
                                            </p>
                                            <a href="#">Read more <i class="fa fa-angle-double-right"></i></a>
                                        </div>
                                    </div>
                                </li>
                                <!-- /Post -->

                            </ul>
                        </div>
                        <!-- /Widget: Latest Posts -->
                        <!-- Widget: Advert -->
                        <div class="widget">

                            <div class="advert bg-light-gray">
                                <div class="vertical-middle text-center">Advert Block</div>
                            </div>

                        </div>
                        <!-- /Widget: Advert -->
                        <!-- Widget: Tags -->
                        <div class="widget">

                            <h4 class="title">Tags</h4>
                            <div class="tags">
                                <a href="#" class="tag">web</a>
                                <a href="#" class="tag">design</a>
                                <a href="#" class="tag">clean</a>
                                <a href="#" class="tag">minimal</a>
                                <a href="#" class="tag">pixel perfect</a>
                                <a href="#" class="tag">blog</a>
                                <a href="#" class="tag">gallery</a>
                            </div>

                        </div>
                        <!-- /Widget: Tags -->

                        <div class="widget">

                            <h4 class="title">Recent Comments</h4>
                            <ul class="recent-comments">
                                <li>
                                    <div class="media">
                                        <div class="media-left">
                                            <i class="fa fa-fw fa-1dot5 fa-commenting-o"></i>
                                        </div>
                                        <div class="media-body">
                                            <a href="#">profart</a> on <a href="#">Single Post With Image</a>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div class="media">
                                        <div class="media-left">
                                            <i class="fa fa-fw fa-1dot5 fa-commenting-o"></i>
                                        </div>
                                        <div class="media-body">
                                            <a href="#">profart</a> on <a href="#">Single Post Image Carousel</a>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div class="media">
                                        <div class="media-left">
                                            <i class="fa fa-fw fa-1dot5 fa-commenting-o"></i>
                                        </div>
                                        <div class="media-body">
                                            <a href="#">profart</a> on <a href="#">Single Post With iFrame Video</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>

                        </div>

                        <!-- Widget: Categories -->
                        <div class="widget">

                            <h4 class="title">Meta</h4>
                            <ul class="sidebar-menu">
                                <li><a href="#">Login</a></li>
                                <li><a href="#">RSS Entries</a></li>
                                <li><a href="#">RSS Comments</a></li>
                            </ul>

                        </div>
                        <!-- /Widget: Categories -->

                    </div>
                    <!-- /Blog Sidebar -->
                    <!-- Blog Content -->
                    <div class="col-md-9">

                        <!-- Posts List -->
                        <div class="posts-list">

                            <!-- Single Post With Image -->
                            <article class="blog-post">
                                
                                <!-- Post Title -->
                                <h2 class="title">uuuuuu</h2>
                                <!-- /Post Title -->
                                <!-- Post Image -->
                                <div class="image">
                                    <!--图片-->
                                </div>
                                <!-- /Post Image -->

                                <!-- Post Metadata -->
                                <ul class="list-inline meta">
                                    <li>2016-12-20 11:16</li>
                                    <li>by <a href="#">profart</a></li>
                                    <li><a href="#">泰坦10</a></li>
                                    <li><a href="#">12 Comments</a></li>
                                </ul>
                                <!-- /Post Metadata -->
                                <!-- Post Content -->
                                <div class="content">
                                    666666666
                                </div>
                                <!-- /Post Content -->
                            </article>
                            <!-- /Single Post With Image -->


                        </div>
                        <!-- /Posts List -->
                        <!-- Pagination -->
                        <ul class="pagination">
                            <li><span>Page 1 of 5</span></li>
                            <li><a href="#">«</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">Next</a></li>
                            <li><a href="#">»</a></li>
                        </ul>
                        <!-- /Pagination -->

                    </div>
                    <!-- /Blog Content -->

                </div>
            </div>
        </main>
 
	</section>
	<footer>
	<div class="container">
		<div class="row">
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">Our Contact</h5>
					<address>
					<strong>Bootstrap company Inc</strong><br>
					JC Main Road, Near Silnile tower<br>
					 Pin-21542 NewYork US.</address>
					<p>
						<i class="icon-phone"></i> (123) 456-789 - 1255-12584 <br>
						<i class="icon-envelope-alt"></i> email@domainname.com
					</p>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">Quick Links</h5>
					<ul class="link-list">
						<li><a href="#">Latest Events</a></li>
						<li><a href="#">Terms and conditions</a></li>
						<li><a href="#">Privacy policy</a></li>
						<li><a href="#">Career</a></li>
						<li><a href="#">Contact us</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">Latest posts</h5>
					<ul class="link-list">
						<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
						<li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
						<li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-3">
					<div class="widget">
					<h5 class="widgetheading">Recent News</h5>
					<ul class="link-list">
						<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
						<li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
						<li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="copyright">
						<p>
							Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
						</p>
					</div>
				</div>
				<div class="col-lg-6">
					<ul class="social-network">
						<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
						<li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
						<li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.js"></script>
    <script src="../js/jquery.easing.1.3.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/jquery.fancybox.pack.js"></script>
    <script src="../js/jquery.fancybox-media.js"></script>
    <script src="../js/jquery.flexslider.js"></script>
    <script src="../js/animate.js"></script>
    <!-- Vendor Scripts -->
    <script src="../js/modernizr.custom.js"></script>
    <script src="../js/jquery.isotope.min.js"></script>
    <script src="../js/jquery.magnific-popup.min.js"></script>
    <script src="../js/animate.js"></script>
    <script src="../js/custom.js"></script>
    <link rel="import" href="../../Default/productclass/Productclass.html">
 <!--<script src="contact/jqBootstrapValidation.js"></script>
 <script src="contact/contact_me.js"></script>-->
</body>
</html>